/**************************************************************************************
*
* Button
*
**************************************************************************************/
button {
	-webkit-font-smoothing: antialiased;
}
.btn-attractive {
	border-width: 2px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
}
.btn-attractive span{
	position: relative;
	display: inline-block;
	font-size: 9px;
	font-weight: 700;
	top: -7px;
	opacity: .7;
}
.btn.active {
	font-weight: 900;
}
.btn.btn-outline {
	background: transparent;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
	padding: 9px 20px;
}
.btn.btn-outline.btn-white{
	border-color: #fff;
	color: #fff;
}
.btn.btn-outline.btn-white:hover {
	background:#fff!important;
	color: #323A45!important;
}
.btn.btn-outline.btn-darkblue {
	border-color: #323A45;
	color: #323A45;
}
.btn.btn-outline.btn-darkblue:hover {
	background:#323A45!important;
	color: #fff!important;
}
.btn-red {
	background-color: #e67862;
	border: 1px solid #e1644f;
	color: #fff;
}
.btn-red:hover,.btn-red:focus,.btn-red:active {
	color: #fff;
	background-color: #df5736;
	border: 1px solid #c34e2e;
}
.btn-lightblue {
	color: #5c6f81;
	background-color: #eaf5fc;
	border-color: #c8dce3;
}
.btn-lightblue:hover,.btn-lightblue:focus,.btn-lightblue:active {
	color: #5c6f81;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
	color: #555;
}
.btn-outline.btn-lightblue {
	color: #9098A1
}
.btn-outline.btn-lightblue:hover, .btn-outline.btn-lightblue:focus, .btn-outline.btn-lightblue:active {
	color: #5c6f81;
}
.btn-blue {
	background-color: #73a8c7;
	border: 1px solid #4d7c9a;
	color: #fff;
}
.btn-blue:hover,.btn-blue:focus {
	color: #fff;
}
.btn-blue:active {
	color: #73a8c7;
}
.btn-outline.btn-back-white {
	background: #fff;
	border-color: #C8DCE3;
	color: #9098A1;
}
.btn-back-white:hover,
.btn-back-white:focus {
	color: #5c6f81;
	border-color: #C8DCE3;
}
.btn-call-to-action {
	border-radius: 40px;
	padding: 10px 15px;
	font-weight: 500;
}
.btn-massive {
	text-transform: uppercase;
	font-weight: 500;
	font-size: 12px;
}
/**************************************************************************************
*
* Transition
*
**************************************************************************************/
.smooth {
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
}
.smooth.all {
	transition-property: all;
	-moz-transition-property: all;
	-webkit-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
}
.smooth.color {
	transition-property: color;
	-moz-transition-property: color;
	-webkit-transition-property: color;
	-o-transition-property: color;
	-ms-transition-property: color;
}
.smooth.border-color {
	transition-property: border-color;
	-moz-transition-property: border-color;
	-webkit-transition-property: border-color;
	-o-transition-property: border-color;
	-ms-transition-property: border-color;
}
